<template>
  <div class="zhiding">
    <div class="title">
      <span>筛选条件</span>
      <span>最新回复</span>
    </div>
    <div class="once" v-for="(v,i) in newdata" :key="i">
      <span class="biao">{{v.biao}}</span>
      <span class="content">{{v.content}}</span>
    </div>

  </div>
</template>

<script>
export default {
  created(){
    this.$store.dispatch('getpub_zhiding',{url:"/data/pub/pub_zhiding"})
  },
  computed:{
    newdata(){
      return this.$store.state.pub_zhiding.data;
    }
  },
}
</script>

<style scoped>
.zhiding {
  width: 100%;
  min-height: 1.1rem;
  /* background-color: tomato; */
  border-bottom: 1px solid rgb(235,235,235);
}
.zhiding .title {
  height: 0.4rem;
  /* background-color: turquoise; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zhiding .title span{
  color: rgb(135,135,135);
}
.zhiding .once{
  height: .36rem;
  line-height: .36rem;
}
.zhiding .once .biao{
  padding: .03rem .07rem;
  background-color: rgb(24,163,254);
  color: white;
  font-size: .12rem;
  border-radius: 0 .03rem;
  vertical-align: middle;
}
.zhiding .once .content{
  vertical-align: middle;
}
</style>